<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>
<script>
    //require细节 ?
    //require是一个函数 帮助我们引入一个文件(模块)中导入的对象 
    
    //模块加载顺序
    //结论1 模块在第一次被引入的时候，模块中的js代码会被运行一次 
            /**
            aaa.js
                const name ="老王";
                console.log(name);
                setTimeout(()=>{
                    console.log('这是一个定时器')
                },1000);
            main.js 
                const aaa = require("./aaa")
                console.log()  
                
            aaa.js中的代码在引入时会被执行一次     
            */

    //结论2 模块被多次引入时，会缓存，最终只加载运行一次 
    /*
    main.js
         const aaa = require(./aaa);
    */ 

    function foo() { console.log( this.a ); }
var obj = { a:2 };foo.call( window )


    
    




</script>